<template>
  <a-tabs v-model:activeKey="state.activeKey">
    <!-- <a-tab-pane key="1" tab="审批记录">
      <DynamicTable :tables="dyRecordTable" :config="dyRecordTableConfig" />
    </a-tab-pane> -->
    <a-tab-pane key="1" tab="审批流程图">
      <a-timeline class="!ml-8 !mt-2">
        <a-timeline-item color="green">
          <p>2022-02-02 14:10:51</p>
          <p class="font-bold">创建</p>
          <p class="text-gray-400">由A老师创建批次</p>
        </a-timeline-item>
        <a-timeline-item color="green">
          <p>2022-02-02 14:10:51</p>
          <p class="font-bold">审批通过</p>
          <p class="text-gray-400">由B老师审核通过批次</p>
        </a-timeline-item>
        <a-timeline-item color="blue">
          <p>2022-02-02 14:10:51</p>
          <p class="font-bold">预约</p>
          <p class="text-gray-400">由A老师预约班次</p>
        </a-timeline-item>
        <a-timeline-item color="gray">
          <p class="text-gray-400">待执行</p>
          <p class="text-gray-400">由A老师创建班次</p>
        </a-timeline-item>
        <a-timeline-item color="gray">
          <p class="text-gray-400">完结</p>
        </a-timeline-item>
      </a-timeline>
    </a-tab-pane>
  </a-tabs>
</template>

<script lang="ts" setup>
import { reactive } from 'vue';
// import { DynamicTable } from '@/components/public-template';
// import { Api } from '@/config/api/audit';
// import indexService from './index.service';

const state = reactive({
  activeKey: '1'
});
// const dyRecordTableConfig: any = {
//   name: 'recordTable',
//   queryUrl: Api.recordPage
// };
// const dyRecordTable: any = reactive(indexService.getRecordTables());
</script>

<style lang="less" scoped></style>
